<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

    <script>
        // 1. 回调函数  ==> 回调地狱
        // (res) => {
        //     $ajax('url', (res) => {
        //         $ajax('url', (res) => {
        //             $ajax('url', (res) => {

        //             })
        //         })
        //     })
        // }
        
        // redux-thunk   
        // dispath(() => {
        //     axios.get('url').then(res => {
        //         dispath(() => {
        //             axios.get('url2?=id' + res.data).then(res => {

        //             })
        //         })
        //     })
        // })

        // 2. promise
        // Promise().then(res => {

        // }).then(res => {

        // }).then(res => {

        // }).then(res => {

        // })
        // 3. *函数  redux-saga
        // function * fn() {
        //     yield 111
        //     yield 222 + '异步'
        //     yield 333
        //     return '我结束了'
        // }

        // let gfn = fn()
        
        // gfn.next()
        // gfn.next()
        // gfn.next()
        // console.log(gfn.next())
        

        // 4. async函数 ==> 是*函数的语法糖
        // async function fn1() {
        //     console.log(1)
        //     await console.log('异步')
        //     console.log(2)
        // }

    </script>
</body>

</html>